Front End Portfolio Website Tutorial – Next.js, Three.js, Tailwind CSS

モバイル
youtube
Front End Portfolio Website Tutorial – Next.js, Three.js, Tailwind CSS Learn to code a mobile responsive personal portfolio website using Next.js, Three.js & Tailwind CSS. Course developed by @CodeBucks 🔗 Demo Link: 💻 Starter Code: 💻 Final Code: ⭐️ Contents ⭐️ ⌨️ (0:00:00) Intro + Demo ⌨️ (0:06:02) Setup and Installation ⌨️ (0:08:11) Layout.js file and Tailwind config ⌨️ (0:11:53) Home page ⌨️ (0:13:21) Generate Images using Playground AI ⌨️ (0:16:56) 3D model configuration and Rendering ⌨️ (0:37:13) Navigation buttons ⌨️ (1:07:53) Creating background firefly effect ⌨️ (1:20:07) Projects page ⌨️ (1:32:46) Subpages layout ⌨️ (1:40:08) About page ⌨️ (1:55:48) Github stats & Skill icons ⌨️ (2:10:48) Contact page ⌨️ (2:20:06) Using Emailjs ⌨️ (2:35:27) Show toast messages ⌨️ (2:41:23) Mobile responsive ⌨️ (3:10:16) Adding animations using framer-motion ⌨️ (3:23:57) Adding music ⌨️ (3:49:21) Optimizing Images and performance 🎉 Thanks to our Champion and Sponsor supporters: 👾 Drake Milly 👾 Ulises Moralez 👾 Goddard Tan 👾 David MG 👾 Matthew Springman 👾 Claudio 👾 Oscar R. 👾 jedi-or-sith 👾 Nattira Maneerat 👾 Justin Hual -- Learn to code for free and get a developer job: Read hundreds of articles on programming:
  2024/10/03      youtube

関連するプログラミング動画 [mobile]

Our Tag

最近投稿されたプログラミング学習動画

PHP, Node and more are vulnerable! You must act NOW!

Security

21 October 2026 was a horrible day for s...

  2026/10/22

I Built a Real Data App with Claude Code (and It Cost $0)

Get started with a Databricks free accou...

  2026/10/21

Which AI Agent Should You Actually Use

There are now so many AI agents that nob...

  2026/10/21

PostgreSQL Hybrid Search Course – Keyword (BM25) + Vector Retrieval

sql

Learn how to build a complete Wikipedia ...

  2026/10/21

ChatGPTを会社導入する前に絶対見て!AIのプロが法人でCodexを導入したい人に向けて知っておくべき知識を話します

本日はCodex会社導入についてお話させて頂きました! ぜひご視聴ください! ...

  2026/10/21

How To Design The Perfect Auth System In The Age of AI

Design

Permissions are at the core of nearly ev...

  2026/10/20

Modern Web Guidance in your AI workflow: Modal dialog transitions

Learn how to create smooth, native entry...

  2026/10/20

Why Your Local AI Is Slow

Here's the thing nobody tells you about ...

  2026/10/20

AWS Transform for Amazon MSK migration | Amazon Web Services

Amazon

This seven-minute video introduces AWS T...

  2026/10/19

97: Invokers and commands

In this episode of The CSS Podcast, we'r...

  2026/10/19

Break down your AWS bill by service in Cost Explorer

Amazon

AWS Cost Explorer gives you a visual bre...

  2026/10/19

Answering your questions about WebMCP

The web is evolving as users increasingl...

  2026/10/19

AWS Startups: Made in Paris, powered by AWS | Amazon Web Services

Amazon

A growing ecosystem. Density of talent. ...

  2026/10/19

VRAM Explained What Decides If a Model Fits

Can your machine run that AI model? It c...

  2026/10/19

Build a Multimodal AI App in Python (Beginner Project)

python

Get started with OpenRouter here: Spea...

  2026/10/18